const template = (`
	<ul class="todo-main">
		<li @mouseleave="activeId=-1" @mouseenter="activeId=item.id" v-for="item in taskList" :key="item.id">
			<label>
				<input :checked="item.isChecked" type="checkbox"/>
				<span>{{item.title}}</span>
			</label>
			<button v-show="activeId===item.id" class="btn btn-danger">删除</button>
		</li>
	</ul>
`);
export default {
	template,
	data(){
		return {
			activeId:-1
		}
	},
	props:{
		taskList:Array,
		isRequired:true
	}
}